HTML 链接 |
您所在的位置:网站首页 › link 网站 › HTML 链接 |
w3school 在线教程
HTML 系列教程
浏览器脚本
服务器脚本
编程教程
XML 系列教程
建站手册
参考手册
HTML 基础教程
HTML 教程
HTML 简介
HTML 编辑器
HTML 基础
HTML 元素
HTML 属性
HTML 标题
HTML 段落
HTML 样式
HTML 格式化
HTML 引用
HTML 注释
HTML 颜色
HTML 颜色名
HTML CSS
HTML 链接
HTML 图像
HTML 表格
HTML 列表
HTML 块
HTML 类
HTML Id
HTML 内联框架
HTML JavaScript
HTML 路径
HTML 头部
HTML 布局
HTML 响应式设计
HTML 计算机代码
HTML5 语义
HTML5 代码约定
HTML 实体
HTML 符号
HTML 表情符号
HTML 字符集
HTML URL
HTML 框架
HTML 背景
HTML URL 编码
HTML Web 服务器
HTML 文档类型
HTML 速查手册
HTML XHTML
XHTML 简介
XHTML 元素
XHTML 属性
HTML 表单
HTML 表单
HTML 表单属性
HTML 表单元素
HTML 输入类型
HTML 输入属性
HTML Input 表单属性
HTML 图形
HTML5 画布
HTML5 SVG
HTML5 画布 vs SVG
HTML 媒体
HTML 媒体
HTML 对象
HTML 音频
HTML 视频
HTML YouTube
HTML5
HTML5 简介
HTML5 支持
HTML5 元素
HTML5 迁移
HTML API
HTML5 地理定位
HTML5 拖放
HTML5 Web 存储
HTML5 应用缓存
HTML5 Web Workers
HTML5 SSE
实例/测验/总结
HTML 实例
HTML 测验
HTML 总结
HTML 参考手册
HTML 元素(字母排序)
HTML 元素(功能排序)
HTML 浏览器支持
HTML 全局属性
HTML 事件
HTML 颜色名
HTML 画布
HTML 视频/音频
HTML 字符集
HTML 文档类型
HTML URL 编码
HTML 语言代码
HTML 国家代码
HTTP 消息
HTTP 方法
键盘快捷键
建站手册
网站构建
万维网联盟 (W3C)
浏览器信息
网站品质
语义网
职业规划
网站主机
关于 W3School
帮助 W3School
HTML 链接
HTML CSS
HTML 图像
HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 实例 创建超级链接 本例演示如何在 HTML 文档中创建链接。 将图像作为链接 本例演示如何使用图像作为链接。(可以在本页底端找到更多实例) HTML 超链接(链接)超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。 我们通过使用 标签在 HTML 中创建链接。 有两种使用 标签的方式: 通过使用 href 属性 - 创建指向另一个文档的链接 通过使用 name 属性 - 创建文档内的书签延伸阅读:什么是超文本? HTML 链接语法链接的 HTML 代码很简单。它类似这样: Link texthref 属性规定链接的目标。 开始标签和结束标签之间的文字被作为超级链接来显示。 实例 Visit W3School上面这行代码显示为:Visit W3School 点击这个超链接会把用户带到 W3School 的首页。 提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。 HTML 链接 - target 属性使用 Target 属性,你可以定义被链接的文档在何处显示。 下面的这行会在新窗口打开文档: Visit W3School!亲自试一试 HTML 链接 - name 属性name 属性规定锚(anchor)的名称。 您可以使用 name 属性创建 HTML 页面中的书签。 书签不会以任何特殊方式显示,它对读者是不可见的。 当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。 命名锚的语法: 锚(显示在页面上的文本)提示:锚的名称可以是任何你喜欢的名字。 提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。 实例首先,我们在 HTML 文档中对锚进行命名(创建一个书签): 基本的注意事项 - 有用的提示然后,我们在同一个文档中创建指向该锚的链接: 有用的提示您也可以在其他页面中创建指向该锚的链接: 有用的提示在上面的代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。 具体效果:有用的提示 基本的注意事项 - 有用的提示:注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="http://www.w3school.com.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="http://www.w3school.com.cn/html/"。 提示:命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。 提示:假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。 更多实例 在新的浏览器窗口打开链接 本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。 链接到同一个页面的不同位置 本例演示如何使用链接跳转至文档的另一个部分 跳出框架 本例演示如何跳出框架,假如你的页面被固定在框架之内。 创建电子邮件链接 本例演示如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。) 创建电子邮件链接 2 本例演示更加复杂的邮件链接。 HTML 链接标签 标签 描述 定义锚。 HTML CSS HTML 图像 HTML 参考手册 HTML 实例 HTML 测验W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。 使用条款 隐私条款 技术支持:赢科 蒙ICP备06004630号 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |